# Variants

## Variant vs State

## Built-in States

Also known as `Pseudo-classes` in CSS, these are built-in states and its names to represent them.

- `hover`
- `focus`
- `active`
- `visited`
- `disabled`
- `enabled`
- `checked`
- `indeterminate`

## Custom data

## Switch vs Boolean
